	  var u = document.getElementById('u');
	  var d = document.getElementById('d');

		function introduce(){
				 var index = $(".right").eq(0).attr("index-img");
	 console.log(index)
/*		 u.style.transform = 'perspective(600px) rotateX(90deg)';
	     u.style. marginTop =  '-150px';
		 d.style.transform = 'perspective(600px) rotateX(0deg)';
		 u.style.transition = ' transform 400ms  , margin-top 400ms  linear';
		 d.style.transition = ' transform 400ms ';*/
		setTimeout(function(){
			$(".intext.topative").removeClass("topative");
			$(".intext").eq(parseInt(index)-1).addClass("topative")
/*			 d.style.transition = '';
			  u.style.transition = '';
			 u.style.transform = 'perspective(600px) rotateX(0deg)';
		     u.style. marginTop =  '0px';
			 d.style.transform = 'perspective(600px) rotateX(-20deg)';*/
			 /*u.innerHTML = d.innerHTML;*/
				},300)
		}
		document.onclick=function(){
			introduce()
		};
			